﻿.ant-display-1 {
    font-size: $display1-size;
    font-weight: $display1-weight;
    line-height: $display-line-height;
}

.ant-display-2 {
    font-size: $display2-size;
    font-weight: $display2-weight;
    line-height: $display-line-height;
}

.ant-display-3 {
    font-size: $display3-size;
    font-weight: $display3-weight;
    line-height: $display-line-height;
}

.ant-display-4 {
    font-size: $display4-size;
    font-weight: $display4-weight;
    line-height: $display-line-height;
}

.ant-typography-white {
    color: $white !important;
}

@each $name, $value in $theme-colors {
    .ant-typography-#{$name} {
        color: $value !important;
    }
}

.ant-typography-body {
    color: $body-color !important;
}

.ant-typography-muted {
    color: $text-muted !important;
}

.ant-typography-black-50 {
    color: rgba($black, .5) !important;
}

.ant-typography-white-50 {
    color: rgba($white, .5) !important;
}

// Blockquotes
.ant-blockquote {
    margin-bottom: $spacer;
    font-size: $blockquote-font-size;
}

.ant-blockquote-footer {
    display: block;
    font-size: $blockquote-small-font-size;
    color: $blockquote-small-color;

    &::before {
        content: "\2014\00A0"; // em dash, nbsp
    }
}
